<template>
	<div>
		<div class="pl-6 pr-6">
			<el-table class="mt-[20px]" size="large" :data="list"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 160px'}"
				:cell-style="{'color':'#0054A6','padding':'20px 160px'}">
				<el-table-column label="名称" prop="name" align="left"></el-table-column>
				<el-table-column label="操作" fixed="right" align="left">
					<template #default="{ row }">
						<el-button type="primary" link>
							<router-link :to="{
									path: getRoutePath('dealOrder.dealOrder/notice'),
									query: {
										id: '1'
									}
								}">
								<span class="main-color1">{{row.bnt}}</span>
							</router-link>
						</el-button>
					</template>
				</el-table-column>
			</el-table>
		</div>
	</div>
</template>

<script lang="ts" setup>
	import { getRoutePath } from '@/router'
	const list = ref<Array<any>>([
		{name:'进仓库通知单',bnt:'生成'},{name:'提单确认件',bnt:'上传'},{name:'提单',bnt:'下载'},{name:'报关资料',bnt:'下载'},{name:'预录单（已确认）'},{name:'预录单（已驳回）',bnt:'上传'},{name:'报关底单',bnt:'上传'},{name:'放行通知书',bnt:'上传'},{name:'电放',bnt:'上传'}
	])
</script>

<style>
</style>